<template>
  <div class="column confirm_block">
    <div class="confirm_buy row_s">
      <div class="seat_sure">
          <div class="total_p">
              <span>{{all_p}}</span>元
          </div>
          <!-- <van-icon name="arrow-up" size="0.26rem"/> -->
      </div>
      <div class="sure_btn" @click="sure_seat">提交订单</div>
    </div>
  </div>
</template>

<script>
import { Icon } from 'vant'
export default {
  name: 'ConfirmOrder',
  components: {
    [Icon.name]: Icon
  },
  props: {
    all_p: null
  },
  data () {
    return {
    }
  },
  watch: {
  },
  methods: {
    sure_seat () {
      this.$emit('commitOrderBuy')
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
.confirm_block{
  width: 10rem;
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -5rem;
  .confirm_buy{
  width: 10rem;
  height: 1.2rem;
  border-top: 0.013333rem solid #E9E9E9;
    .seat_sure{
        width: 6.533333rem;
        height: 1.186667rem;
        display: flex;
        align-items: center;
        .total_p{
            color: #989898;
            font-size: 0.266667rem;
            display: flex;
            align-items: center;
            margin-left: 0.266667rem;
            letter-spacing: 0.026667rem;
            span{
                color: #FFB43D;
                font-size: 0.4rem;
                letter-spacing: 0.013333rem;
            }
        }
    }
    .sure_btn{
        width: 3.466667rem;
        line-height: 1.2rem;
        text-align: center;
        font-size: 0.453333rem;
        letter-spacing: 0.04rem;
        font-weight: bold;
        background-color: #d8ad6d;
    }
  }
}
</style>
